<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1.0, user-scalable=no" />
		<meta name="format-detection" content="telephone=no" />
		<title>情人节租赁服务</title>
		<link rel="stylesheet" href="<%=path %>/valsday/css/public.css" />
		<link href='//cdn.webfont.youziku.com/webfonts/nomal/93915/19466/589da5fcf629d813942ffd49.css' rel='stylesheet' type='text/css' />
	</head>
	<body>
		<div class="bd">
			<div class="fx">
				<div class="fx-k">
					<img src="${imgPath }?saveAddress=${vals.img}" alt="" />
				</div>
				<span class="fx-name" style="font-family:'minijianshaoer8ccf9a9bf16edb';">姓名:${vals.name}</span>
				<span class="fx-xm" style="font-family:'minijianshaoer8ccf9a9bf16edb';">陪逛街:${vals.randomOne}元/小时(鞋底要报销)</span>
				<span class="fx-xm" style="font-family:'minijianshaoer8ccf9a9bf16edb';">陪吃饭:${vals.randomTwo}元/小时(雇主请客制)</span>
				<span class="fx-xm" style="font-family:'minijianshaoer8ccf9a9bf16edb';">陪看电影:${vals.randomThree}元/小时 3场以上8折</span>
				<span class="fx-xm" style="font-family:'minijianshaoer8ccf9a9bf16edb';">陪聚会:${vals.randomFour}元/次</span>
				<span class="fx-xm" style="font-family:'minijianshaoer8ccf9a9bf16edb';">拉 手:${vals.randomFive}元/次</span>
				<span class="fx-xm" style="font-family:'minijianshaoer8ccf9a9bf16edb';">拥 抱:${vals.randomSix}元/次</span>
				<span class="fx-xm" style="font-family:'minijianshaoer8ccf9a9bf16edb';">接 吻:${vals.randomSeven}元/次</span>
				<span class="fx-cy" style="font-family:'minijianshaoer8ccf9a9bf16edb';">(牙缝不能有菜叶)</span>
				<span class="fx-tb1"><img src="<%=path %>/valsday/img/tb1.png" alt="" /></span>
			</div>
			<div class="fx-btn">
				<a href="javascript:void(0);"><img src="<%=path %>/valsday/img/fx.png" alt="" id="fx"/></a>
				<a href="auth2.html" id="fx-again"><img src="<%=path %>/valsday/img/again.png" alt="" /></a>
			</div>
			<div class="fx-ls">
				想要更多创意请来联系我们
			</div>
			<div class="fx-dz">
				上海市静安区俞泾港路11号108创意广场金座505
			</div>
			<div class="fx-dz">
				沈经理 <a href="tel:13321889270">13321889270</a>
			</div>
		</div>
		<div class="sv-c">
			<img src="<%=path %>/valsday/img/hand.png" alt="" />
		</div>
		<script src="<%=path %>/valsday/js/jquery-2.2.3.min.js" type="text/javascript"></script>
		<script src="https://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
    <script type="text/javascript">
		//微信jssdk config
		wx.config({
			debug : false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
			appId : '${signObj.appid}', // 必填，公众号的唯一标识
			timestamp : '${signObj.timestamp}', // 必填，生成签名的时间戳
			nonceStr : '${signObj.noncestr}', // 必填，生成签名的随机串
			signature : '${signObj.signature}',// 必填，签名，见附录1
			jsApiList : [ 'checkJsApi', //判断当前客户端版本是否支持指定JS接口
			'onMenuShareTimeline', //分享给好友
			'onMenuShareAppMessage', //分享到朋友圈
			'onMenuShareQZone', //分享到Q空间
			'onMenuShareWeibo',//分享到微博
			'onMenuShareQQ'//分享到qq
			]
		// 必填，需要使用的JS接口列表，所有JS接口列表见附录2
		});
		var userName = "${vals.name}";
		var title = "虐狗节不虐狗！“"+userName+"”求收留";
		var description="不用再为狗粮而烦恼“宣臻”为您带来新单身狗神器";
		var imgUrl="${basePath}/<%=path %>/valsday/img/share.jpg";
		var shareBaseUrl='${baseUrl}';
		var id = '${vals.openid}';
		wx.ready(function() { //ready函数用于调用API，如果你的网页在加载后就需要自定义分享和回调功能，需要在此调用分享函数。//如果是微信游戏结束后，需要点击按钮触发得到分值后分享，这里就不需要调用API了，可以在按钮上绑定事件直接调用。因此，微信游戏由于大多需要用户先触发获取分值，此处请不要填写如下所示的分享API
			wx.onMenuShareTimeline({ //分享到朋友圈的API  
						title : title, // 分享标题
						link : shareBaseUrl+'/share.html?key='+id, // 分享链接
						imgUrl : imgUrl, // 分享图标
						success : function() {
							// 用户确认分享后执行的回调函数
						},
						cancel : function() {
							// 用户取消分享后执行的回调函数
						}
					});
			wx.onMenuShareAppMessage({//分享到朋友 
						title : title, // 分享标题
						desc : description, // 分享描述
						link : shareBaseUrl+'/share.html?key='+id, // 分享链接
						imgUrl : imgUrl, // 分享图标
						type : 'link', // 分享类型,music、video或link，不填默认为link
						dataUrl : '', // 如果type是music或video，则要提供数据链接，默认为空
						success : function() {
							// 用户确认分享后执行的回调函数
						},
						cancel : function() {
							// 用户取消分享后执行的回调函数
						}
					});
			wx.onMenuShareQZone({//分享到qq空间
			    title: title, // 分享标题
			    desc: description, // 分享描述
			    link: shareBaseUrl+'/share.html?key='+id, // 分享链接
			    imgUrl: imgUrl, // 分享图标
			    success: function () { 
			       // 用户确认分享后执行的回调函数
			    	
			    },
			    cancel: function () { 
			        // 用户取消分享后执行的回调函数
			    }
			});
			wx.onMenuShareWeibo({
			    title: title, // 分享标题
			    desc: description, // 分享描述
			    link: shareBaseUrl+'/share.html?key='+id, // 分享链接
			    imgUrl: imgUrl, // 分享图标
			    success: function () { 
			       // 用户确认分享后执行的回调函数
			    	
			    },
			    cancel: function () { 
			        // 用户取消分享后执行的回调函数
			    }
			});
			wx.onMenuShareQQ({//分享到qq
			    title: title, // 分享标题
			    desc: description, // 分享描述
			    link: shareBaseUrl+'/share.html?key='+id, // 分享链接
			    imgUrl: imgUrl, // 分享图标
			    success: function () { 
			       // 用户确认分享后执行的回调函数
			    	
			    },
			    cancel: function () { 
			       // 用户取消分享后执行的回调函数
			    }
			});
		});
	</script>
		<script>
		    window.onload=function(){
			    	var fxkWidth=$('.fx-k').width();
			    	$('.fx-k').height(fxkWidth);
			        $('.fx-k img').height(fxkWidth);
		    }
		    $(function(){
			    $("#fx-again").click(function(){
			        refresh();
			    });
			});
			//点击按钮调用的方法
			function refresh(){
			    window.location.reload();
			}
			$('#fx').click(function(){
				$('.sv-c').show()
			})
			$('.sv-c').click(function(){
				$('.sv-c').hide()
			})
		</script>
	</body>
	
</html>
